---
title: Infos personnalisées sur l'application
description: Personnalisation des informations de votre application
---

# Infos personnalisées sur l'application

## Personnalisation des informations de votre application

Vous pouvez passer les informations de votre application dans la propriété `appInfo` du `RainbowKitProvider`. Les propriétés que vous pouvez modifier sont le nom de votre application (`appName`) et le lien où le bouton « En savoir plus » dans la fenêtre modale de connexion redirige (`learnMoreUrl`) :

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider
      appInfo={{
        appName: 'Rainbowkit Demo',
        learnMoreUrl: 'https://learnaboutcryptowallets.example',
      }}
      {...etc}
    >
      {/* ... */}
    </RainbowKitProvider>
  );
};
```

### Ajouter une clause de non-responsabilité

Vous pouvez fournir votre propre clause de non-responsabilité à afficher en bas de la fenêtre modale de connexion. La propriété `disclaimer` dans `appInfo` accepte un `DisclaimerComponent` avec les arguments `Text` et `Link`. Vous pouvez l'utiliser pour créer votre propre clause de non-responsabilité qui hérite du système de thème. Nous exportons le type `DisclaimerComponent` pour les utilisateurs de TypeScript :

```tsx
import {
  RainbowKitProvider,
  DisclaimerComponent,
} from '@rainbow-me/rainbowkit';

const Disclaimer: DisclaimerComponent = ({ Text, Link }) => (
  <Text>
    By connecting your wallet, you agree to the{' '}
    <Link href="https://termsofservice.xyz">Terms of Service</Link> and
    acknowledge you have read and understand the protocol{' '}
    <Link href="https://disclaimer.xyz">Disclaimer</Link>
  </Text>
);

const App = () => {
  return (
    <RainbowKitProvider
      appInfo={{
        appName: 'RainbowKit Demo',
        disclaimer: Disclaimer,
      }}
      {...etc}
    >
      {/* ... */}
    </RainbowKitProvider>
  );
};
```
